<template>
  <section :class="`service-detail_header ${itemId}`"></section>
</template>
<script lang="ts" >
import {defineComponent, inject} from "vue";
export default defineComponent({
  name: "attention",
  components:{},
  setup(){
    const itemId = inject('itemId') as string;
    return { itemId }
  }
});
</script>
<style lang="less" scoped>
.service-detail_header {
  height: 360px;
  background: #F4F6FA no-repeat center top;

  &.cms_safe_cert{ background-image: url("/public/resource/themeBanner/banner1.png");}

  &.cms_reg_cert{ background-image: url("/public/resource/themeBanner/banner2.png");}

  &.cms_ry_cert{ background-image: url("/public/resource/themeBanner/banner3.png");}

  &.cms_apt_cert{ background-image: url("/public/resource/themeBanner/banner4.png");}

  &.cms_proj_mgr{ background-image: url("/public/resource/themeBanner/banner5.png");}

  &.cms_credit{ background-image: url("/public/resource/themeBanner/banner6.png");}

  &.cms_jinjiang{ background-image: url("/public/resource/themeBanner/banner7.png");}

  &.cms_exam{ background-image: url("/public/resource/themeBanner/banner8.png");}

  &.cms_performance{ background-image: url("/public/resource/themeBanner/banner9.png");}

  &.cms_dynamic_inspect{ background-image: url("/public/resource/themeBanner/banner9.png");}

  &.cms_statistical{ background-image: url("/public/resource/themeBanner/banner10.png");}

  .main {
    text-align: center;

    h3 {
      position: relative;
      padding-top: 107px;
      margin-bottom: 39px;
      font-size: 40px;
      font-weight: 600;
      line-height: 56px;
      color: white;
      text-align: center;

      &::after {
        position: absolute;
        bottom: -41px;
        left: 50%;
        width: 50px;
        height: 3px;
        background: white;
        content: '';
        transform: translate(-50%, -50%);
        animation: blink 1.2s infinite steps(1, start);
      }
    }

    .subtitle {
      display: block;
      padding-top: 33px;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: white;
      border-top: 1px solid rgba(255, 255, 255, .5);
      opacity: 0.5;
    }
  }
}

</style>
